home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 8206 / 8206.xpi / content / editorOverlay.xul < prev    next >
Extensible Markup Language  |  2010-02-02  |  12KB  |  176 lines
  1. <?xml version="1.0"?>
  2. <?xml-stylesheet href="chrome://wisestamp/skin/editor/editor.css" type="text/css"?>
  3. <!DOCTYPE overlay SYSTEM "chrome://wisestamp/locale/prefwindow.dtd">
  4.  
  5. <overlay id="overlay" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  6.      
  7.   <script src="chrome://wisestamp/content/editor.js"/>
  8.   <popupset id="optionsPopupset">
  9.     <popup id="colorpicker" position="after_start"
  10.            onpopupshowing="return WiseStampEditors.colorPickerShowing(event);"
  11.            onpopuphiding="WiseStampEditors.colorPickerHiding(event);"
  12.            >
  13.       <grid id="colorpicker-grid" onclick="WiseStampEditors.colorPickerClick(event);">
  14.         <columns>
  15.           <column/>
  16.           <column/>
  17.           <column/>
  18.           <column/>
  19.           <column/>
  20.           <column/>
  21.           <column/>
  22.           <column/>
  23.           <column/>
  24.           <column/>
  25.         </columns>
  26.         <rows>
  27.           <row>
  28.             <box id="#FFFFFF" style="background-color: #FFFFFF;" width="20" height="20"/>
  29.             <box id="#FFCCCC" style="background-color: #FFCCCC;" width="20" height="20"/>
  30.             <box id="#FFCC99" style="background-color: #FFCC99;" width="20" height="20"/>
  31.             <box id="#FFFF99" style="background-color: #FFFF99;" width="20" height="20"/>
  32.             <box id="#FFFFCC" style="background-color: #FFFFCC;" width="20" height="20"/>
  33.             <box id="#99FF99" style="background-color: #99FF99;" width="20" height="20"/>
  34.             <box id="#99FFFF" style="background-color: #99FFFF;" width="20" height="20"/>
  35.             <box id="#CCFFFF" style="background-color: #CCFFFF;" width="20" height="20"/>
  36.             <box id="#CCCCFF" style="background-color: #CCCCFF;" width="20" height="20"/>
  37.             <box id="#FFCCFF" style="background-color: #FFCCFF;" width="20" height="20"/>
  38.           </row>
  39.           <row>
  40.             <box id="#CCCCCC" style="background-color: #CCCCCC;" width="20" height="20"/>
  41.             <box id="#FF6666" style="background-color: #FF6666;" width="20" height="20"/>
  42.             <box id="#FF9966" style="background-color: #FF9966;" width="20" height="20"/>
  43.             <box id="#FFFF66" style="background-color: #FFFF66;" width="20" height="20"/>
  44.             <box id="#FFFF33" style="background-color: #FFFF33;" width="20" height="20"/>
  45.             <box id="#66FF99" style="background-color: #66FF99;" width="20" height="20"/>
  46.             <box id="#33FFFF" style="background-color: #33FFFF;" width="20" height="20"/>
  47.             <box id="#66FFFF" style="background-color: #66FFFF;" width="20" height="20"/>
  48.             <box id="#9999FF" style="background-color: #9999FF;" width="20" height="20"/>
  49.             <box id="#FF99FF" style="background-color: #FF99FF;" width="20" height="20"/>
  50.           </row>
  51.           <row>
  52.             <box id="#C0C0C0" style="background-color: #C0C0C0;" width="20" height="20"/>
  53.             <box id="#FF0000" style="background-color: #FF0000;" width="20" height="20"/>
  54.             <box id="#FF9900" style="background-color: #FF9900;" width="20" height="20"/>
  55.             <box id="#FFCC66" style="background-color: #FFCC66;" width="20" height="20"/>
  56.             <box id="#FFFF00" style="background-color: #FFFF00;" width="20" height="20"/>
  57.             <box id="#33FF33" style="background-color: #33FF33;" width="20" height="20"/>
  58.             <box id="#66CCCC" style="background-color: #66CCCC;" width="20" height="20"/>
  59.             <box id="#33CCFF" style="background-color: #33CCFF;" width="20" height="20"/>
  60.             <box id="#6666CC" style="background-color: #6666CC;" width="20" height="20"/>
  61.             <box id="#CC66CC" style="background-color: #CC66CC;" width="20" height="20"/>
  62.           </row>
  63.           <row>
  64.             <box id="#999999" style="background-color: #999999;" width="20" height="20"/>
  65.             <box id="#CC0000" style="background-color: #CC0000;" width="20" height="20"/>
  66.             <box id="#FF6600" style="background-color: #FF6600;" width="20" height="20"/>
  67.             <box id="#FFCC33" style="background-color: #FFCC33;" width="20" height="20"/>
  68.             <box id="#FFCC00" style="background-color: #FFCC00;" width="20" height="20"/>
  69.             <box id="#33CC00" style="background-color: #33CC00;" width="20" height="20"/>
  70.             <box id="#00CCCC" style="background-color: #00CCCC;" width="20" height="20"/>
  71.             <box id="#3366FF" style="background-color: #3366FF;" width="20" height="20"/>
  72.             <box id="#6633FF" style="background-color: #6633FF;" width="20" height="20"/>
  73.             <box id="#CC33CC" style="background-color: #CC33CC;" width="20" height="20"/>
  74.           </row>
  75.           <row>
  76.             <box id="#666666" style="background-color: #666666;" width="20" height="20"/>
  77.             <box id="#990000" style="background-color: #990000;" width="20" height="20"/>
  78.             <box id="#CC6600" style="background-color: #CC6600;" width="20" height="20"/>
  79.             <box id="#CC9933" style="background-color: #CC9933;" width="20" height="20"/>
  80.             <box id="#999900" style="background-color: #999900;" width="20" height="20"/>
  81.             <box id="#009900" style="background-color: #009900;" width="20" height="20"/>
  82.             <box id="#339999" style="background-color: #339999;" width="20" height="20"/>
  83.             <box id="#3333FF" style="background-color: #3333FF;" width="20" height="20"/>
  84.             <box id="#6600CC" style="background-color: #6600CC;" width="20" height="20"/>
  85.             <box id="#993399" style="background-color: #993399;" width="20" height="20"/>
  86.           </row>
  87.           <row>
  88.             <box id="#333333" style="background-color: #333333;" width="20" height="20"/>
  89.             <box id="#660000" style="background-color: #660000;" width="20" height="20"/>
  90.             <box id="#993300" style="background-color: #993300;" width="20" height="20"/>
  91.             <box id="#996633" style="background-color: #996633;" width="20" height="20"/>
  92.             <box id="#666600" style="background-color: #666600;" width="20" height="20"/>
  93.             <box id="#006600" style="background-color: #006600;" width="20" height="20"/>
  94.             <box id="#336666" style="background-color: #336666;" width="20" height="20"/>
  95.             <box id="#000099" style="background-color: #000099;" width="20" height="20"/>
  96.             <box id="#333399" style="background-color: #333399;" width="20" height="20"/>
  97.             <box id="#663366" style="background-color: #663366;" width="20" height="20"/>
  98.           </row>
  99.           <row>
  100.             <box id="#000000" style="background-color: #000000;" width="20" height="20"/>
  101.             <box id="#330000" style="background-color: #330000;" width="20" height="20"/>
  102.             <box id="#663300" style="background-color: #663300;" width="20" height="20"/>
  103.             <box id="#663333" style="background-color: #663333;" width="20" height="20"/>
  104.             <box id="#333300" style="background-color: #333300;" width="20" height="20"/>
  105.             <box id="#003300" style="background-color: #003300;" width="20" height="20"/>
  106.             <box id="#003333" style="background-color: #003333;" width="20" height="20"/>
  107.             <box id="#000066" style="background-color: #000066;" width="20" height="20"/>
  108.             <box id="#330099" style="background-color: #330099;" width="20" height="20"/>
  109.             <box id="#330033" style="background-color: #330033;" width="20" height="20"/>
  110.           </row>
  111.         </rows>
  112.       </grid>
  113.     </popup>
  114.     <popup id="fontsizePopup" position="after_start"  onpopupshowing="WiseStampEditors.showFontSize(event)"
  115.            onpopupshown="setOpenPopup(event)"
  116.            onpopuphidden="setHidePopup(event)">
  117.       <menuitem label="1" value="1" type="radio" oncommand="WiseStampEditors.changeFont(event,'size')"/>
  118.       <menuitem label="2" value="2" type="radio" oncommand="WiseStampEditors.changeFont(event,'size')"/>
  119.       <menuitem label="3" value="3" type="radio" oncommand="WiseStampEditors.changeFont(event,'size')"/>
  120.       <menuitem label="4" value="4" type="radio" oncommand="WiseStampEditors.changeFont(event,'size')"/>
  121.       <menuitem label="5" value="5" type="radio" oncommand="WiseStampEditors.changeFont(event,'size')"/>
  122.       <menuitem label="6" value="6" type="radio" oncommand="WiseStampEditors.changeFont(event,'size')"/>
  123.       <menuitem label="7" value="7" type="radio" oncommand="WiseStampEditors.changeFont(event,'size')"/>
  124.     </popup>
  125.     <popup id="fontnamePopup" position="after_start" onpopupshowing="WiseStampEditors.showFontName(event)"
  126.            onpopupshown="setOpenPopup(event)"
  127.            onpopuphidden="setHidePopup(event)"
  128.     >
  129.       <menuitem label="Sans Serif" value="arial,helvetica,sans-serif" type="checkbox" oncommand="WiseStampEditors.changeFont(event,'name')"/>
  130.       <menuitem label="Serif" value="times new roman,serif" type="checkbox" oncommand="WiseStampEditors.changeFont(event,'name')"/>
  131.       <menuitem label="Wide" value="arial black,sans-serif" type="checkbox" oncommand="WiseStampEditors.changeFont(event,'name')"/>
  132.       <menuitem label="Narrow" value="arial narrow,sans-serif" type="checkbox" oncommand="WiseStampEditors.changeFont(event,'name')"/>
  133.       <menuitem label="Comic Sans MS" value="comic sans ms,sans-serif" type="checkbox" oncommand="WiseStampEditors.changeFont(event,'name')"/>
  134.       <menuitem label="Courier New" value="courier new,monospace" type="checkbox" oncommand="WiseStampEditors.changeFont(event,'name')"/>
  135.       <menuitem label="Garamond" value="garamond,serif" type="checkbox" oncommand="WiseStampEditors.changeFont(event,'name')"/>
  136.       <menuitem label="Georgia" value="georgia,serif" type="checkbox" oncommand="WiseStampEditors.changeFont(event,'name')"/>
  137.       <menuitem label="Tahoma" value="tahoma,sans-serif" type="checkbox" oncommand="WiseStampEditors.changeFont(event,'name')"/>
  138.       <menuitem label="Trebuchet MS" value="trebuchet ms,sans-serif" type="checkbox" oncommand="WiseStampEditors.changeFont(event,'name')"/>
  139.       <menuitem label="Verdana" value="verdana,sans-serif" type="checkbox" oncommand="WiseStampEditors.changeFont(event,'name')"/>
  140.     </popup>
  141.   </popupset>
  142.   <hbox id="editor-toolbar-simple">
  143.       <!-- <image cmdtype='bold' class="unpressed" tooltiptext="&editor.bold.tooltip;"/> -->
  144.     <image cmdtype='bold' tooltiptext="&editor.bold.tooltip;"/>
  145.     <image cmdtype='italic' tooltiptext="&editor.italic.tooltip;"/>
  146.     <image cmdtype='underline' tooltiptext="&editor.underline.tooltip;"/>
  147.     <separator orient="vertical" class="groove" width="1"/>
  148.     <image cmdtype='fontname' popup="fontnamePopup"
  149.            tooltiptext="&editor.fontstyle.tooltip;"/>
  150.     <image cmdtype='fontsize' popup="fontsizePopup"
  151.            tooltiptext="&editor.fontsize.tooltip;"/>
  152.     <separator orient="vertical" class="groove" width="1"/>
  153.     <image id="forecolor" cmdtype='forecolor' popup="colorpicker" tooltiptext="&editor.textcolor.tooltip;"/>
  154.     <image id="hilitecolor" cmdtype='hilitecolor' popup="colorpicker" tooltiptext="&editor.highlightcolor.tooltip;"/>
  155.     <separator orient="vertical" class="groove" width="1"/>
  156.     <image cmdtype='createlink' tooltiptext="&editor.link.tooltip;"/>
  157.     <image cmdtype='createimage' tooltiptext="&editor.addimage.tooltip;"/>
  158.     <image cmdtype='createtable' hidden="true"/>
  159.     <separator orient="vertical" class="groove" width="1"/>
  160.     <image cmdtype='justifyleft' id='justifyleft' tooltiptext="&editor.alignleft.tooltip;"/>
  161.     <image cmdtype='justifycenter' id='justifycenter' tooltiptext="&editor.aligncenter.tooltip;"/>
  162.     <image cmdtype='justifyright' id='justifyright' tooltiptext="&editor.alignright.tooltip;"/>
  163.     <separator orient="vertical" class="groove" width="1" hidden="true"/>
  164.     <image cmdtype='insertorderedlist' hidden="true"/>
  165.     <image cmdtype='insertunorderedlist' hidden="true"/>
  166.     <separator orient="vertical" class="groove" width="1" hidden="true"/>
  167.     <image cmdtype='outdent' hidden="true"/>
  168.     <image cmdtype='indent' hidden="true"/>
  169.     <image cmdtype='undo' hidden="true"/>
  170.     <image cmdtype='redo' hidden="true"/>
  171.     <separator orient="vertical" class="groove" width="1"/>
  172.     <image cmdtype='ltr' tooltiptext="&editor.ltr.tooltip;"/>
  173.     <image cmdtype='rtl' tooltiptext="&editor.rtl.tooltip;"/>
  174.   </hbox>
  175. </overlay>
  176.